<template>
  <!-- <AboutPage />
  <hr>
  <HomePage
    @message="message"
    msg="hello composition"
    style="color: red"
    class="home"
  >
    <h1>hello slots</h1>
  </HomePage> -->
  <ElementPage />
</template>

<script>
// import AboutPage from "./components/AboutPage";
// import HomePage from "@/components/HomePage";
import ElementPage from "@/components/ElementPage";

export default {
  name: "App",
  components: {
    // HomePage,
    // AboutPage,
    ElementPage,
  },
  methods: {
    // 自定义事件message的处理函数
    message(params) {
      console.log("自定义事件被触发了:", params);
    },
  },
};
</script>

<style>
</style>
